<ui:composition template="template.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"> 
    
    
    <!-- fileUploadListener="#{administradorBean.getImagenSubida}" -->
    
    
    <!-- Validador de email -->
    <!-- http://www.mkyong.com/jsf2/primefaces/primefaces-jsf-email-validator-example/ -->
    
	<!-- Tiene que tener un head para que tome primefaces -->
	<h:head>
		<!-- <link rel="stylesheet" href="/BaaSWEB/css/baas.css" type="text/css" /> -->
        <style type="text/css">
/*             .ui-growl{
                left:20px;
                top:5px;             
            } */
			.ui-growl-title {
			    font: 11px "Lucida Console", Monaco, monospace;
			    text-align: center;
			}
			.ui-growl-message p {
			    font: 10px "Lucida Console", Monaco, monospace;
			    letter-spacing: -1px;
			}       
        </style>
	</h:head>

	<ui:define name="adminRegistro">
	
		<p:panel header="Registro de administrador">
			<h:form enctype="multipart/form-data">
				<p:growl id="mensajes" showDetail="true" life="2000" sticky="true" autoUpdate="true"/>
			  	<h:panelGrid columns="2">
					
					<p:outputLabel value="Imagen "/>
					<p:fileUpload fileUploadListener="#{administradorBean.getImagenSubida}" allowTypes="/(\.|\/)(gif|jpg|jpeg|gif|png|PNG|GIF|JPG|JPEG)$/" update="mensajes" sizeLimit="100000" auto="true" />

					<p:outputLabel value="Nombre Completo "/>
					<p:inputText label="Nombre" value="#{administradorBean.nomCompleto}" required="true" placeholder="Nombre completo"></p:inputText>
					
					<p:outputLabel value="E-Mail "/>
					<p:inputText label="Correo" value="#{administradorBean.mail}" required="true" placeholder="correo electronico">
						<!-- <f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" /> -->
					</p:inputText>
					
					<p:outputLabel value="Contraseña "></p:outputLabel>
					<p:password label="Contrasena" value="#{administradorBean.password}" required="true" placeholder="Contrasena"></p:password>
					
					<p:outputLabel value="Movil"/>
					<p:inputText label="Celular" value="#{administradorBean.movil}" required="true" placeholder="Telefono celular"></p:inputText>
					
					<p:outputLabel value="Sexo"/>
		        	<p:selectOneMenu label="Sexo" value="#{administradorBean.sexo}">
			            <f:selectItem itemLabel="Masculino" itemValue="M" />
			            <f:selectItem itemLabel="Femenino" itemValue="F" />
        			</p:selectOneMenu>
        			
		         	<p:commandButton id="regButton" value="Registrar"
			             actionListener="#{administradorBean.postRegistroAdministrador}"
			             update="mensajes"/>
				</h:panelGrid>	
			</h:form>
		</p:panel>
	</ui:define>	
</ui:composition>